/* ############################################################################# */
/* Fenêtre modale */
/* Un Worker : */
/* Code CSS : C:\Users\chris\Christian\Programmation\Modal\Modal - WORKER.css */

/* Dans HEAD : */
/* CSS : */
/* <__link href="https://Modal_css.virtualhost.workers.dev/" rel="stylesheet" type="text/css" /> */
/* Javascript en fin de BODY de préférence : */
/* <__script src="https://jslibrary.centralnews.workers.dev/?Modal"></script__> */

/* Utilisation : */
/* ModalPanel.Initialize('* DisplayText *','<center>* CloseContent *</center>'); */
/* ModalPanel.Initialize('','<center>* CloseContent *</center>'); */
/* ModalPanel.Initialize('mon texte'); */
/* ModalPanel.OpenModal(); */

/* ou */
/* ModalPanel.Initialize('mon texte'); */
/* ModalPanel.OpenModal(); */
/* ModalPanel.OpenModal('OpenModal - DisplayText'); */

/* ou */
/* ModalPanel.SetDisplayText('*** DisplayText ***'); */
/* ModalPanel.SetCloseContent('<center>*** CloseContent ***</center>'); */
/* ModalPanel.OpenModal(); */
/* ############################################################################# */
/* The Modal (background) */
.ModalContainer
{
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 100; /* Sit on top */
 padding-top: 100px; /* Location of the box */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 border-radius: 10px;
}

/* Modal Content */
.ModalContent1
{
 position: relative;
/* background-color: #fefefe; */
 margin: auto;
 padding: 0;
 border: 1px solid #888;
 width: 45%;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
 -webkit-animation-name: animatetop;
 -webkit-animation-duration: 0.4s;
 animation-name: animatetop;
 animation-duration: 0.4s;
 border-radius: 10px;
}

/* Add Animation */
@-webkit-keyframes animatetop
{
 from {top:-300px; opacity:0}
 to {top:0; opacity:1}
}

@keyframes animatetop
{
 from {top:-300px; opacity:0}
 to {top:0; opacity:1}
}

/* The Close Button */
.ModalClose
{
 color: Blue;
 float: right;
 font-size: 28px;
 font-weight: bold;
}

.ModalClose:hover,
.ModalClose:focus
{
 color: Pink;
 text-decoration: none;
 cursor: pointer;
}

.ModalContent2
{
 padding: 2px 16px;
 color: Blue;
 text-shadow: 2px 2px 2px yellow;
 font-weight: bold;
 background-color: LightGreen;
 border: 4px solid ForestGreen;
 border-radius: 10px;
 opacity: 0.95;
}
/* FIN Fenêtre modale */
/* ############################################################################# */